{% extends 'user/udai_welcome.html' %}
{% load static %}

<div class="content clearfix bgf5">
    <section class="user-center inner clearfix">

        {% block siyou %}
            <div class="pull-right">
            <div class="user-content__box clearfix bgf">
                <div class="title">账户信息-物流查询</div>
                <form action="" class="user-addr__form form-horizontal" role="form">
                    <div class="input-group col-sm-6">
                        <input class="form-control" placeholder="快递单号" type="text">
                        <span class="input-group-btn">
								<button class="btn btn-primary" type="button">查询</button>
							</span>
                    </div>
                    <div class="help-block">例如，您可以输入：<span class="cr">40105060123</span></div>
                    <div class="query-result__box"></div>
                    <script>
                        $(document).ready(function () {
                            // 模拟查询请求
                            $('.btn-primary').on('click', function () {
                                if ($('.form-control').val() == '40105060123') {
                                    $('.query-result__box').html('成功查询到数据，返回个html/json在这里展示！');
                                } else {
                                    $('.query-result__box').html(`
											<div class="no-date">
												<p class="cr">很抱歉，您的快递单号暂时没有查询结果！</p>
												<p class="fz12 c6">您可以检查下快递单号是否正确</p>
											</div>
										`);
                                }
                            });
                        });
                    </script>
                </form>
            </div>
        </div>
        {% endblock %}
    </section>
</div>
